<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ShowMouse</title>
    <link rel="stylesheet" href="/Trees/LayUiBac/layui/css/layui.css" media="all">
</head>
<body>

<div class="layui-container">
    <div class="layui-row">
        <form class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">专家姓名</label>
                <div class="layui-input-block">
                    <input type="text" name="expertName" required lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">专家职位</label>
                <div class="layui-input-block">
                    <input type="text" name="job" required lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">专家所属公司</label>
                <div class="layui-input-block">
                    <input type="text" name="company" required lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">专家专长</label>
                <div class="layui-input-block">
                    <input type="text" name="strong" required lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">专家电话</label>
                <div class="layui-input-block">
                    <input type="text" name="tel" required lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">专家生日</label>
                <div class="layui-input-block">
                    <input type="text" name="birthday" required lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">专家性别</label>
                <div class="layui-input-block">
                    <input type="text" name="sex" required lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">专家住址</label>
                <div class="layui-input-block">
                    <input type="text" name="address" required lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item layui-form-text">
                <label class="layui-form-label">专家邮箱</label>
                <div class="layui-input-block">
                    <input type="text" name="email" required lay-verify="required"
                           autocomplete="off" class="layui-input">
                </div>
            </div>

        </form>

    </div>
</div>


<script src="/Trees/LayUiBac/layui/layui.js"></script>
<script>
    //Demo
    layui.use('form', function () {
        let form = layui.form;

        //监听提交
        form.on('submit(formDemo)', function (data) {
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>
</body>
</html>